

/**
 * 侧滑导航
 */
.sea-main-box {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

/**
 * 水平菜单栏
 * ----------------------
 * 独立的水平菜单栏，很像 element-plus 的风格，但不是一个东西
 */
.sea-menu--horizontal {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    //height: 60px;
    padding-left: 0;
    position: relative;
    background-color: #545c64;
    //border-bottom: 1px solid lightgray;
}

.sea-menu--horizontal > .sea-menu-item {
}

.sea-menu-item {
    position: relative;
    display: inline-flex;
    align-items: center; /* 默认值，垂直居中 */
    justify-content: center; /* 水平居中，只在主轴为水平时有效 */
    vertical-align: middle;

    margin: 0;
    padding: 0 24px;
    list-style: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-bottom: 2px solid transparent;

    transition: width 0.3s ease-in-out; /* 宽度变化时的动画特效 */

    color: #FFF;
    cursor: pointer;

    height: 60px;
    font-size: 14px;
    line-height: 12px;
}

.sea-menu-item:hover {
    background-color: #3a3d41;
}

/**
 * 侧滑导航
 */
.sea-menu-navigation {
    height: 100%;
    background-color: #545c64
}
.sea-menu-navigation::-webkit-scrollbar {
    display: none;
}
.sea-menu-navigation > .el-menu--vertical{
    border: 0;
}
.sea-menu-vertical:not(.el-menu--collapse) {
    border: 0;
    width: 200px;
    min-height: 400px;
}